<ul class="layui-tab-title">
	<li <#if typename?? && typename == 'downList'> class="layui-this"</#if>><a href="/microcase/downlist.html">下载案例</a></li>
	<li <#if typename?? && typename == 'approvecaseindex'> class="layui-this"</#if>><a href="/microcase/approvecaseindex.html">已审核案例</a></li>
	<li <#if typename?? && typename == 'uploadcaseindex'> class="layui-this"</#if>><a href="/microcase/uploadcaseindex.html">审核的案例</a></li>
	<li <#if typename?? && typename == 'boughtCase'> class="layui-this"</#if>><a href="/deposit/boughtCase.html">已购案例</a></li>
</ul>
<style type="text/css">
.phone-ul{
	display: none;
}
/* 移动端 */
@media screen  and (max-width: 850px),@media screen  and (orientation: landscape),
only screen  and (max-device-width: 850px) {
	.pc{
		display: none;
	}
	.price{
		color:red;
	}
	.layui-tab-content {
	    padding: 0.266667rem!important;
	    padding-right: 0px!important;
	    padding-top: 0px!important;
	}
	.phone-ul{
		display: block;
	}
	.phone-ul li{
		padding:0.24rem 0;
	    padding-right: 0.24rem;
		line-height: normal;
		border-bottom: 0.026667rem solid #D8D8D8;
	}
	.phone-li-title{
		justify-content: space-between;
		font-size: 0.48rem;
		margin-bottom: 0.346667rem;
		color: #1F0000;
		letter-spacing: 0;
	}
	.phone-li-title .case-title{
		display: block;
		width: 80%;
		float: left;
	}
	.phone-li-title .operate{
		display: block;
		font-size: 0.373333rem;
		text-align: right;
		width: 20%;
		float: left;
	}
	.phone-li-title .class{
		font-size: 0.48rem;
		color: #00CEE8;
		letter-spacing: 0;
	}
	.phone-li-bottm{
		display: flex;
		align-items: center;
		justify-content:space-between;
		font-size: 0.373333rem;
		color: #ADADAD;
		letter-spacing: 0;
	}
	.delete-box{
		flex: 0 0 2.666667rem;
		font-size: 0.32rem;
		text-align: right;
		color: #3FA1EE;
	}
	.delete-box span{
		padding:0.106667rem 0.32rem;
		border-width: 0.026667rem;
		border-style: solid;
		border-color: linear-gradient(90deg, #29D5F6, #6840E0 );
		border-radius: 0.6rem;
	}

	.phone-operate a{
		display: inline-block;
		margin-right: 0.266667rem;
		margin-top: 0.266667rem;
	}
	.phone-status,.phone-operate{
		font-size: 0.32rem;
	}
	 .barrage {
        position: fixed;
        top: 5rem;
        right: 0.4rem;
        width: 1.8rem;
        height: 1.8rem;
        z-index: 100;
    }
    .barrage_name {
        width: 100%;
        height: 100%;
        display: block;
        position: relative;
        border-radius: 100%;
        background: url("/images/topic/icon-add.png");
        background-size: cover;
    }
    .barrage_name span {
       background: #FFFFFF;
       border-radius: 5.4px;
       display: inline-block;
       height: 0.16rem;
       width: 100%;
       margin-top: 0.5rem;
    } 
    .barrage_name span:nth-child(2){
        transform: rotate(-270deg);
        margin: 0;
        position: absolute;
        top: 0.5rem;
    } 
    .layui-layer-page .layui-layer-content {
	    padding: 0.4rem;
	}
	.case-name {
	    font-size: 0.426667rem;
	    line-height: normal;
	}
	.no-pass {
	    font-size: 0.533333rem;
	    line-height: normal;
	    margin-bottom: 0.266667rem;
	}
	.issue-title {
	    font-size: 0.426667rem;
	    margin-bottom: 0.586667rem;
	    margin-left: 0;
	}
	.issue {
	    min-height: 2.933333rem;
	    height: auto;
	    margin-bottom: 0.853333rem;
	    margin-left: 0;
	}
	.tip {
	    margin-left: 0;
	    font-size: 0.426667rem;
	}
	.layui-layer-rim {
	    height: 11.5rem!important;
	}
}
</style>